﻿@media(max-width:1680px){

}

@media(max-width:1500px){

}
@media(max-width:1366px){


}
@media(max-width:1280px){
.boxNav li span a{font-size:13px;}
.subNav a{font-size:13px;}
.curNav a{font-size:13px;}

.indSzarList{ padding:0 100px;}

}
@media(max-width:768px){
.boxTop{display:none}
.banner{display:none}

.boxTopM{display:block}
.bannerM{display:block}


.boxFoot{}

.boxFoot1{padding:20px 20px 20px 20px;}

.footTel{ position:relative;right:auto; top:auto; width:100%; height:auto;  padding:10px 0}
.footTel img{margin:0 15px 0 20px}
.footTel p{height:40px;font-size:12px; line-height:20px; padding:0 0 0 20px; }

.footLink{ padding:10px 0; font-size:0}
.footLink li{ width:calc((100% - 10px)/2); margin:0 10px 0 0;}
.footLink li:last-child{ margin-right:0}
.footLink li div a{font-size:10px;}

.footCon{ text-align:center; font-size:10px;}
.footCon p:nth-child(2) i:last-child{ display:block}
.footCon p:nth-child(2) i:nth-child(2){ background:none; margin:0; padding:0}



.boxIndNews{width:100%; padding:20px; margin:0;}

.indNews{width:100%;}
.indNavTab{}
.indNavTab a{font-size:12px;width:70px;}

.indTab{ display:none}
.indList a{ height:32px;font-size:13px; padding:0 80px 0 12px; overflow:hidden}
.indList a i{font-size:12px;}

.btnMore{font-size:12px;}


.indVideo{ width:100%; height:auto;margin:20px 0 25px 0;}
.indVideo img{width:100%;  height:100%;transition:transform 0.5s}


.indNotice{width:100%; height:200px;}
.indNavNotice{font-size:14px; padding:0 0 0 10px;}

.indNoticeList{ width:100%; height:160px;}
.indNoticeList li a{ font-size:13px;}
.indNoticeList li a i{ font-size:12px;}

.indNav{ width:100%;margin:30px 0 20px 0;position:relative; height:30px; line-height:30px;padding:0 0 0 10px; border-left:2px solid #005bac;}
.indNav h1{font-size:14px; font-weight:bold}
.indNav h2{ font-size:12px;}

.indSzar{ width:100%; height:auto; background:url(../images/bgSzarM.jpg) no-repeat top center/100% auto; padding:0 0 30px 0;}
.indSzarList{ width:100%; height:auto; padding:0 0 30px 0;}
.indSzarList li{width:33.3%; height:auto; border-right:1px solid #dadcde; display:inline-block; text-align:center; margin:30px 0 0 0}
.indSzarList li:nth-child(3n+3){ border:none}
.indSzarList li img{margin:0; width:40px;}
.indSzarList li h1{ font-size:12px; line-height:20px;}
.indSzarList li h2{ font-size:12px; line-height:20px;}
.indSzarList li h2 i{ font-size:18px;  margin:0 2px}


.indYwList{ width:100%}
.indYwList a{ width:calc((100% - 14px)/2); height:auto; margin:0 14px 14px 0;}
.indYwList a:first-child{width:100%;}
.indYwList a:nth-child(odd){margin-right:0} 
.indYwList a div{height:auto; }
.indYwList a div img{height:auto;}
.indYwList a h1{line-height:48px; font-size:14px}
.indYwList a .imgBusPc{display:none}
.indYwList a .imgBusM{display:block}

.boxBannerInd{height:auto; background:none; padding:0; margin:0}

.bannerInd{width:100%;height:260px;overflow:hidden; position:relative; margin:0 auto; display:block; background:#000}
.bannerInd .swiper-slide{}
.bannerInd .swiper-slide h1{ padding:0 0 0 20px;font-size:14px; line-height:36px; font-weight:bold; top:20px; left:0}
.bannerInd .swiper-slide h1 i{font-size:12px; margin:0 0 0 10px;}
.bannerInd .swiper-slide div{ position:absolute; bottom:0; left:10px; width:320px; height:170px;}
.bannerInd .swiper-slide div h2{font-size:14px; line-height:22px; margin:0 0 10px 0}
.bannerInd .swiper-slide div h3 a{ line-height:24px; font-size:10px; width:94px; text-align:center; color:#fff; border:1px solid #fff; display:block; margin-bottom:10px; border-radius:3px;}
.bannerInd .swiper-slide div h3 a:hover{ opacity:0.6}

.bannerInd .swiper-pagination{text-align:right; padding:0 10px 0 0}
.bannerInd .swiper-pagination-bullet{width:7px; height:9px; }
.bannerInd .swiper-button-prev{display:none}
.bannerInd .swiper-button-next{display:none}

.markRed{ background-position:50% center!important}
.markRed h1{border-left:2px solid #cb161f;}
.markRed div{padding:30px 0 0 110px;}

.markGreen{ background-position:80% center!important}
.markGreen h1{border-left:2px solid #049500;}
.markGreen div{padding:30px 0 0 110px;}

.markBlue{ background-position:80% center!important}
.markBlue h1{border-left:2px solid #00a0ea;}
.markBlue div{padding:30px 0 0 110px;}



.linkList{padding:0 0 20px 0}
.linkList a{display:inline-block; margin:0 10px 10px 0; width:calc((100% - 20px)/3); vertical-align:top; text-align:center; padding:10px 0; border:1px solid #dae0e8}
.linkList a img{ height:15px;}
.linkList a:nth-child(3n+3){ margin-right:0}
.linkList a:last-child{ margin-right:0}


.subBanner{ height:40vw;background-size:cover!important;  margin:0;}
.subBanner h1{ position:absolute; top:50%; left:0; margin:20px 0 0 0; width:100%; padding:0 20px; font-size:13px; line-height:14px; opacity:0.5}

.subNavBox{height:50px; background:url(../images/bgSubNav.png) no-repeat bottom/100% 2px; }
.subNav{ display:none}



.curNav{ position:absolute; top:0; left:15px; margin:0}
.curNav a{padding-left:15px; margin-right:10px; vertical-align:middle; font-size:12px; line-height:48px; height:48px;}
.curNav a:first-of-type{background:url(../images/icoCurHome.png) center left no-repeat; padding-left:20px;}

.bgMain{ width:100%; background:url(../images/bgMain.jpg) no-repeat top center/200% auto; overflow:hidden;}
.navTitle{font-size:16px; line-height:26px; border-left:2px solid #005bac; margin:30px auto; padding:0 0 0 10px;}

.aboutIco{}
.aboutIco li{ height:auto; padding:10px 0}
.aboutIco li:last-child{border-right:none}
.aboutIco li h1{width:60px; height:60px;margin:0 auto 10px auto}
.aboutIco li h1 i{width:1px; height:100%; display:inline-block; vertical-align:middle}
.aboutIco li h1 font{width:28px; font-size:14px; line-height:18px; }
.aboutIco li h2{ font-size:16px; line-height:16px;}

.aboutCon{font-size:14px; line-height:24px; padding:20px 0 20px 0}


.picFocus{position:relative; padding:40px 0 30px 0;width:100%; overflow:hidden; margin:-40px 0 0 0;}
.picFocus .swiper-slide{width:100%; height:61.765vw; }
.picFocus .swiper-pagination-bullet{width:7px; height:9px;}
.picFocus .swiper-button-prev{display:none}
.picFocus .swiper-button-next{display:none}


.bgZygd{ width:100%;padding:0 20px;}
.bgZygd li{width:100%;height:auto; border-right:none; border-bottom:1px solid #d9d9d9; padding:40px 0}
.bgZygd li img{ margin:0; height:40px;}
.bgZygd li h1{ line-height:30px; font-size:22px; letter-spacing:5px; margin:20px 0 20px 0}
.bgZygd li h1 i{ font-size:12px; }
.bgZygd li a{width:100px; height:30px; }
.bgZygd li a font{ font-size:12px; line-height:30px;}


.boxZzjg{ margin:0 0 30px 0}


.timeList{width:100%;background:url(../images/bgTimeLine.png) repeat-y 20px 0;margin:30px 0; padding:0 20px}
.whiteLine{width:10px; height:10px; left:21px; top:0; }

.timeList li{padding:20px 0 0 35px;}
.timeList li h1{ width:auto; line-height:20px; font-size:16px; font-weight:bold;left:35px; top:0; text-align:left}
.timeList li h2{width:20px;top:9px; left:10px;}
.timeList li h3{left:1px; top:3px}
.fzlcText{ padding:0 0 29px 0; margin:0 0 30px 0; }
.fzlcText i{ font-size:16px; line-height:20px; margin:10px 0 10px 0; }
.fzlcText p{ font-size:12px; line-height:20px; background:url(../images/icoList.png) no-repeat 0 16px; padding:10px 0 0 12px;}

.timeList li:hover h1{ background:#fff; color:#d11420}
.timeList li:hover h2{ background:#d11420;}


.navCurTab{ width:100%; margin:0 auto; display:block}
.navCurTab a{font-size:16px; line-height:16px;padding:30px 0 22px 0;}
.navCurTab .on{ color:#005bac; background:url(../images/icoNavJt.png) no-repeat bottom center}


.boxZzry{ width:100%; background:none; margin:30px auto}


.navYearBox{ width:100%;height:80px; background:url(../images/bgYearLine.png) no-repeat 0 7px/100% 2px; margin:0;}
.navYear{width:320px; height:100%; margin:0 auto; display:block; background:none}
.navYear .whiteLine{ display:none}
.navYear .swiper-slide{width:80px;height:100%;background:url(../images/bgTimeLine1.png) repeat-x; position:relative; overflow:hidden; text-align:center; display:inline-block}
.navYear .swiper-slide a{ width:100%;line-height:30px; font-size:14px; margin:0; padding:30px 0 0 0}
.navYear .swiper-slide a h1{ position:absolute; width:1px; height:25px; top:0; left:39px;}
.navYear .swiper-slide a i{position:absolute;width:14px; height:14px; border-radius:50%; border:2px solid #d11420; background:#fff;left:33px; top:0; display:none}
.navYear .swiper-slide .on{ font-size:18px; color:#d11420}
.navYear .swiper-slide .on i{display:block}
.navYear .swiper-slide .on h1{ background:#d11420}




.tableZzry{ width:100%; margin:0; padding:0}
.tableZzry table tr:first-child{ background:url(../images/bgTableHead.png) no-repeat center/100% 100%; line-height:50px; color:#fff; font-size:15px; font-weight:bold;}
.tableZzry table tr:first-child td{ text-align:center!important}
.tableZzry table td{ border-bottom:1px solid #d9d9d9; font-size:10px; line-height:16px; padding:8px 0;width:13%}
.tableZzry table tr td:nth-child(1){ text-align:left; width:35%; padding:8px 0 8px 10px}



.imgPc{display:none}
.imgM{display:block}

.boxShzr{padding:20px 0 0 0}
.shzrText{font-size:12px; line-height:20px; color:#777;padding:10px 0 34px 0; margin:0 0 25px 0; border-bottom:1px dotted #adadad}


.newsList a{padding:20px 20px 20px 30px;line-height:26px; font-size:14px;background:url(../images/bgLi1.png) 15px 30px no-repeat;}
.newsList a i{ display:block; float:none; text-align:right; font-size:12px;}
.newsList a:nth-child(even){ background:url(../images/bgLi1.png) 15px 30px no-repeat;background-color:rgba(0,0,0,0.05);}


.boxPage{text-align:center;margin:30px auto 30px auto;}
.numPage{display:none}
.btnPage{float:none; margin:0 auto; display:inline-block}
.boxPage span{ display:inline-block;}


.videoList{ margin:20px 0 -30px 0}
.videoList a{width:100%; height:auto; margin:0 0 20px 0}
.videoList a div{ width:100%; height:calc((100vw - 40px)*0.561);}
.videoList a h1{ font-size:14px; padding:15px 10px; line-height:26px;}




.rdztList{ margin:20px 0 -30px 0}
.rdztList a{ width:100%; height:auto; margin:0 0 20px 0; }
.rdztList a div{width:100%; height:auto; position:relative; overflow:hidden}
.rdztList a span{ padding:15px 30px 20px 20px; font-size:14px; line-height:24px; text-align:justify}




/*--------------------------------show--------------------------------*/
.bgShow{background:none}
.showCur{ display:none}

.showCenter{margin:60px 0 0 0; background:#fff; box-shadow:none; padding:20px 20px 20px 20px; border-top:4px solid #005bac;}
.showTitle{font-size:17px;line-height:30px; padding: 0 0 5px 0}
.showTitle i{ font-size:14px; display:block; color:#888;}
.showInfo{ font-size:12px; padding-bottom:15px; margin-bottom:15px;}
/*--------------------------------show--------------------------------*/

.btnShare1{ display:none}


/*------------business------------*/
.navBusiness{padding:20px 0}
.navBusiness a{padding:0 0 20px 0;}
.navBusiness a img{width:40px}
.navBusiness a h3{font-size:12px; line-height:12px;}

.conBusiness{ font-size:14px; line-height:24px;}

.businessImg{margin:30px auto;}
.businessImgNum{left:10px; bottom:10px;line-height:20px; font-size:12px; }
.businessImgNum i{font-size:20px;}
/*------------business------------*/

/*------------service------------*/
.imgService{ padding:20px 0 0 0}
.navService a{line-height:60px; font-size:15px;}

.conService{ padding:20px 0 30px 0; font-size:14px; line-height:24px}
.serviceTable td{font-size:12px; line-height:24px; }
.serviceTable tr:first-child td:nth-child(1){width:25%}
.serviceTable tr:first-child td:nth-child(2){width:30%}

.boxYwlc{ background:url(../images/bgGrayLine.png) no-repeat 14px 0/2px 100%; padding:0;}
.boxYwlc li{ position:relative; padding:0 0 40px 40px; width:100%; overflow:hidden}
.boxYwlc li h1{ width:30px; height:30px;font-size:16px; line-height:30px;}
.boxYwlc li h2{ line-height:30px; font-size:16px; margin:0 0 10px 0; font-weight:bold}
.boxYwlc li h2 i{ font-size:12px; display:block; line-height:22px; font-weight:normal}
.boxYwlc .ywlcText{ font-size:14px; line-height:26px;}

.boxYwlc .serviceTable tr:first-child td:nth-child(1){width:30%}
.boxYwlc .serviceTable tr:first-child td:nth-child(2){width:40%}


.ywlcText img{ margin-top:10px; width:100%}
.ywlcText1{height:auto;padding:20px;margin-top:30px;}
.ywlcText1 p{margin:15px 0 0 0}

.navService1{ padding:30px 0 0 0; margin:0 0 -10px 0}
.navService1 a{width:100%;line-height:28px; font-size:14px; margin:0 0 10px 0;}

/*------------service------------*/


/*------------qywh------------*/
.markZrwh{overflow:hidden}
.markZrwh a{width:auto; }
.markZrwh a:last-child{float:right}

.boxZrwh{ width:100%; height:auto; background:url(../images/imgQywh1_1M.jpg) no-repeat center/cover; margin:20px 0 30px 0}
.boxZrwh li{width:100%; height:100px; border-right:none; border-bottom:1px solid #fff; overflow:hidden}
.boxZrwh li:last-child{border:none}
.boxZrwh li h1{position:absolute; font-size:14px; line-height:20px; left:30px; top:30px; text-shadow:0 0 10px rgba(0,0,0,.3)}
.boxZrwh li h1 i{font-size:12px; display:block; margin:0}
.boxZrwh li div{position:absolute; left:30px; top:100%}
.boxZrwh li div h2{ font-size:20px; line-height:20px;}
.boxZrwh li div h3{ font-size:14px; line-height:24px; padding:0 30px 0 0}
.boxZrwh .on{width:100%; height:200px;}
.boxZrwh .on h1{ top:50px;}
.boxZrwh .on div{ top:110px;}

.textQywh{ position:relative; padding:0 0 45vw 0; font-size:14px; line-height:30px; margin:0 0 40px 0;min-height:inherit}
.textQywh h1{ font-size:20px; line-height:36px; margin:20px 0}
.textQywh img{ right:0; top:auto; bottom:0; width:60%; }

.boxZrwh1{ margin:20px 0 0 0}

.wjwhList li{ padding:30px 0}
.wjwhList li h5{padding:0 10px 10px 0; display:block; width:76%; height:calc((100vw - 40px)*0.76); float:none; margin:0 auto 20px auto}
.wjwhList li div{width:100%; padding:0}
.wjwhList li div span{ width:659px;display:inline-block; vertical-align:middle;}
.wjwhList li div span h1{ position:relative; padding:10px 0 0 50px; font-size:18px; line-height:30px;}
.wjwhList li div span h1 i{ height:40px;line-height:40px;font-size:30px; padding:0 20px 0 0}
.wjwhList li div span h1 font{}
.wjwhList li div span h1 strong{ padding:0 0 0 72px;}
.wjwhList li div span p{ font-size:14px; line-height:24px; }
.wjwhList li div i{ display:none}

.wjwhList li:nth-child(even) h5{float:none}
.wjwhList li:nth-child(even) div{padding:0;}

/*------------qywh------------*/

/*------------job------------*/
.boxJob{padding:20px 0 0 0}

.jobList{width:100%; margin:-10px 0 -20px 0}
.jobList a{ display:inline-block;width:100%; height:auto;margin:0 0 20px 0; padding:25px 40px 20px 15px; }
.jobList a h1{ font-size:16px; }
.jobList a h2{ font-size:11px; line-height:20px; }
.jobList a h3{ width:24px; height:24px; background:url(../images/icoJt2.png?v=1.0) no-repeat center center/12px 10px; right:15px; margin:-12px 0 0 0;}
.jobList a h3 i{background:url(../images/icoJt2Hover.png?v=1.0) no-repeat left center/12px 10px;margin:0 0 0 4px}
.jobList a:hover h3 i{width:12px;}

.tableHrShow{font-size:14px; line-height:26px;}


.jobGo{margin:20px auto 10px auto; font-size:12px; }

/*------------job------------*/


/*------------contact------------*/
.boxContact{width:100%;background:none; padding:0;}
.boxContact li{padding:30px 0; width:100%; border-top:1px solid #d2d2d2}
.boxContact li img{ width:40px;}
.boxContact li span{ width:calc(100% - 60px);font-size:12px; line-height:20px;}

.contactMap{height:260px; margin:0 0 20px 0}

.boxQwdh{ padding:20px 0}
.boxQwdh .serviceTable td{font-size:10px; line-height:20px; }
.boxQwdh .serviceTable tr:first-child td:nth-child(1){width:20%}
.boxQwdh .serviceTable tr:first-child td:nth-child(2){width:50%}
.boxQwdh .serviceTable tr:first-child td:nth-child(3){width:30%}
.boxQwdh .serviceTable tr td:last-child{text-align:center}
/*------------contact-----------*/



/*------------企业版图-----------*/

.boxQybt{width:100%;margin:30px 0; position:relative}
.navQybt{top:auto; right:auto; z-index:2; position:relative}
.navQybt a{display:inline-block; width:25%; text-align:center; margin:0 0 10px 0}
.navQybt a i{font-size:15px;}


.conQybt{position:relative; min-height:0;padding:0 0 40px 0; display:none}
.conQybt img{ position:relative; top:0; left:0; width:70%; margin:0 0 20px 15%;}
.conQybt div{ background:url(../images/qybtLine.png) no-repeat top left/2px 100%; padding:0 0 0 20px; min-height:auto;}
.conQybt div p{font-size:14px; line-height:24px; margin:0 0 20px 0}

.conQybt h1{font-size:40px; line-height:40px; position:absolute; right:0; bottom:0; color:#005bac; z-index:1; opacity:0.1; height:40px; overflow:hidden}
/*------------企业版图-----------*/

/*--------------------------------search--------------------------------*/
.searchNav{ padding:80px 0 20px 0;}
.searchNav i{font-size:26px}
.searchList a{padding:20px 20px 20px 30px;line-height:26px;font-size:14px;background:url(../images/bgLi1.png) 15px 30px no-repeat;}
.searchList a i{ display:block; float:none; text-align:right; font-size:12px;}
.searchList a:nth-child(even){ background:url(../images/bgLi1.png) 15px 30px no-repeat;background-color:rgba(0,0,0,0.05);}
/*--------------------------------search--------------------------------*/


}
